body { font-size: 13px; line-height: 22px; }
.container { position: relative; width: 1200px; margin: 0 auto; }
img { vertical-align: top; }
.h-title { font-size: 30px; text-align: center; color: #000; line-height: 40px; margin-bottom: 35px; }
.more { text-align: center; }
.more a { position: relative; font-size: 20px; color: #623d19; }
.more a:before { content: ''; position: absolute; z-index: 1; bottom: -15px; left: 50%; margin-left: -96px; display: block; width: 192px; height: 2px; background-color: #623d19; }
#header { height: 90px; background-color: #fff; }
.logo { position: absolute; top: 21px; left: 0; }
.slogan { position: absolute; top: 28px; left: 187px; }
/* nav */
.top-nav { float: right; }
.layui-nav { background-color: transparent; height: 68px; padding: 0; }
.layui-nav .layui-nav-item { height: 68px; line-height: 90px; margin-left: 50px; }
.layui-nav .layui-nav-item>a { font-size: 14px; color: #333; padding: 0; }
.layui-nav .layui-this>a
,.layui-nav .layui-nav-item a:hover { color: #aa6646; }
.layui-nav .layui-nav-more { right: 15px; }
.layui-nav-bar,
.layui-nav .layui-this:after { height: 1px; background-color: #aa6646; }
.layui-nav-child { top: 90px; left: -20px; }
/* banner */
#banner { height: 600px; }
/* home-feature-box */
.home-feature-box {}
.site-box { text-align: center; padding: 40px 0; }
.site-box i { font-family: Arial; font-style: normal; font-size: 68px; color: #623d19; line-height: 68px; }
.site-box .line { display: block; width: 90px; height: 2px; background-color: #e6e6e6; margin: 12px auto 6px; }
.site-box p { font-size: 14px; color: #333; line-height: 28px; }
/* home-about */
.home-about { padding: 45px 0; background-color: #f5f5f5; }
.home-about-thumb { float: left; width: 597px; height: 494px; }
.home-about-info { float: right; width: 540px; height: 440px; padding: 54px 0 0 63px; background-color: #fff; }
.home-about-info p.title { position: relative; font-size: 20px; color: #333; line-height: 38px; }
.home-about-info p.title:before { content: ''; position: absolute; z-index: 1; bottom: -2px; left: 0; display: block; width: 22px; height: 2px; background-color: #414141; }
.home-about-info p.description { font-size: 14px; color: #666; line-height: 26px; margin: 50px 0 90px; padding-right: 60px; }
.home-about-box p { display: inline-block; width: 114px; height: 35px; border: 1px solid #623d19; font-size: 14px; color: #623d19; line-height: 35px; text-align: center; margin-right: 11px; }
/* home-products */
.home-products { padding: 50px 0 60px; }
.home-product-list { margin: 0 -30px 55px; }
.home-product-item { position: relative; display: block; float: left; width: 568px; height: 568px; border: 1px solid #f4f0e4; margin: 0 30px; }
.home-product-item img { width: 568px; height: 568px; }
.home-product-item p.title { position: absolute; z-index: 1; bottom: 30px; left: 50%; margin-left: -210px; width: 420px; font-size: 22px; color: #aa6646; text-align: center; }
/* home-parts */
.home-parts { height: 505px; padding-top: 60px; background: url('/index/images/part_bg.jpg') no-repeat center top; }
.home-part-title { color: #fff; }
.home-part-box { width: 1200px; overflow: hidden; }
.home-part-item { float: left; width: 362px; margin: 0 19px; }
.home-part-item img { width: 350px; height: 233px; padding: 5px; border: 1px solid #fff; }
.home-part-item p { font-size: 18px; color: #fff; text-align: center; margin-top: 25px; }
/* home-news */
.home-news { padding: 50px 0 60px; }
.home-news-list { margin: 0 -19px 55px; }
.home-news-item { position: relative; display: block; float: left; width: 374px; height: 281px; margin: 0 19px; }
.home-news-item img { width: 374px; height: 281px; }
.home-news-item .cover-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 374px; height: 281px; background-color: rgba(0,0,0,.5); }
.home-news-item p.title { position: absolute; z-index: 1; bottom: 40px; left: 50%; margin-left: -140px; width: 280px; font-size: 18px; color: #fff; text-align: center; }
/* ===================== page style ======================== */
.page-content { background-color: #f8f8f8; }
.page-banner { height: 210px; padding-top: 150px; text-align: center; background: url('../images/banner_page.jpg') no-repeat center top; background-size: cover; font-size: 58px; color: #fff; }
.page-banner small { color: #ccc; font-size: 26px; display: block; margin-top: 40px; }
.page-breadcrumb { height: 60px; line-height: 60px; background-color: #fff; border-bottom: 1px solid #eee; text-align: center; }
.layui-breadcrumb a:hover { color: #aa6646!important; }
.page-info { padding: 30px 0 60px; line-height: 24px; }
/* page side */
.page-side { float: left; width: 280px; }
.side-menu, .side-contact { margin-bottom: 30px; background-color: #fff; padding: 15px 30px 50px; border-radius: 5px; }
.side-menu ul li a { display: block; border-bottom: 1px solid #e5e5e5; padding: 6px 10px }
.side-menu ul li ul { padding-left: 15px; display: none; }
.side-menu ul li.active>a { color: #aa6646; }
.side-menu ul li.active>ul { display: block; }
.side-contact-block dt { margin-top: 20px; font-size: 16px; }
.side-contact-block dd { margin-top: 8px; margin-bottom: 20px; color: #666; line-height: 1.5; }
/* page content */
.page-con { float: right; width: 810px; padding: 40px; border-radius: 5px; background-color: #fff; }
.page-tit { font-size: 28px; margin-bottom: 30px; }
.page-desc p { margin-bottom: 10px; }
.page-desc img { max-width: 100%; }
/* products */
.page-product-list { margin: 0 -30px 0 0; }
.page-product-item { position: relative; float: left; width: 250px; background-color: #fff; margin-right: 30px; margin-bottom: 10px; transition: all .36s ease-out; }
.page-product-item .page-product-item-thumb { position: relative; width: 250px; height: 250px; overflow: hidden; }
.page-product-item .page-product-item-thumb::after { content: '+'; position: absolute; top: 0; left: 50%; width: 60px; height: 60px; margin: 0 0 0 -30px; font-size: 50px; color: #fff; border-radius: 60px; border: 2px solid #fff; line-height: 60px; text-align: center; opacity: 0 }
.page-product-item .page-product-item-thumb img { width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.page-product-item:hover .page-product-item-thumb img { transform: scale(1.1, 1.1); }
.page-product-item:hover .page-product-item-thumb::after { opacity: .8; top: 50%; margin-top: -30px; transition: all .5s ease; }
.page-product-item-tit { padding: 10px 15px; font-size: 14px; text-align: center; }
.page-product-item:hover .page-product-item-tit { color: #aa6646; }
/* newslist */
.news-item { border-bottom: 1px solid #e5e5e5; padding: 15px 0 20px; }
.news-item-title { color: #000; margin-bottom: 15px; font-size: 18px; }
.news-item-thumb { float: left; width: 200px; padding-right: 15px; }
.news-item-thumb img { width: 100%; height: auto; }
.news-item-date { color: #999; }
.news-item-desc { color: #666; margin-top: 10px; }
/* show */
.show-title { font-size: 20px; }
.show-para { color: #ccc; border-bottom: 1px solid #eee; padding: 15px 0 10px; }
.show-content { padding: 15px 0; }
.show-content img { max-width: 100%; }
/* tide-table */
.tide-table { border-collapse: collapse }
.tide-table tr th,
.tide-table tr td { white-space: nowrap; padding: 5px 30px 5px 0; text-align: left; line-height: 20px; }
.tide-table tr th span { display: inline-block; background-color: #eee; padding: 3px 15px; }
/* pagination */
.pagination { margin-top: 30px; }
.pagination li { display: inline-block; margin: 0 5px; }
.pagination li a,
.pagination li span { display: inline-block; font-family: Microsoft Yahei; padding: 5px 15px; background-color: #eee; border-radius: 3px; }
.pagination li a:hover { color: #aa6646; }
.pagination li.active span { background-color: #aa6646; color: #fff; }
.footer { background-color: #313131; }
.footer-content { padding: 60px 0; }
.footer-info { float: left; }
.foot-tit { position: relative; font-size: 18px; color: #fff; margin-bottom: 30px; }
.foot-tit:before { content: ''; position: absolute; z-index: 1; right: 0; top: 3px; display: block; width: 1px; height: 15px; background-color: #4a4a4a; }
.foot-about-cate { float: left; width: 200px; margin-right: 50px; }
.foot-about-cate-list li a { font-size: 14px; color: #848484; line-height: 28px; }
.foot-add { float: left; width: 300px; margin-right: 50px; }
.foot-contacts-add { font-size: 14px; color: #848484; line-height: 28px; }
.foot-products-cate { float: left; width: 200px; }
.foot-products-cate .foot-tit:before { width: 0; }
.foot-products-cate-list li a { font-size: 14px; color: #848484; line-height: 28px; }
.footer-qrcode { float: right; width: 150px; }
.footer-qrcode img { width: 150px; height: 150px; }
.footer-qrcode p { font-size: 16px; color: #fff; text-align: center; margin-top: 5px; }
.footer-copyright { font-size: 14px; color: #848484; line-height: 68px; text-align: center; border-top: 1px solid #3f3f3f; }